<!--加载公共底部文件-->
<include file="public@headtwo"/>
		<link rel="stylesheet" type="text/css" href="__TMPL__/public/assets/simpleboot3/mobile/css/home.css" />

	</head>

	<body>
		<!-- 侧滑导航根容器 -->
		<div class="mui-off-canvas-wrap mui-draggable mui-slide-in">
			<!-- 菜单容器 -->
			<aside class="mui-off-canvas-right" id="offCanvasSide">
				<div class="mui-scroll-wrapper">
					<div class="mui-scroll">
						<div class="nav_box">
							<div class="r_nav nav_home">
								<div class="r_nav_inbox nav_active">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/home1.png" class="r_nav_icon">
									<span class="r_nav_txt">首页</span>
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/right.png" class="r_nav_right">
								</div>
							</div>
							<div class="r_nav nav_computer">
								<div class="r_nav_inbox">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/jsq.png" class="r_nav_icon">
									<span class="r_nav_txt">赔偿计算器</span>
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/right.png" class="r_nav_right">
								</div>
							</div>
							<div class="r_nav nav_anli">
								<div class="r_nav_inbox">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/computer.png" class="r_nav_icon">
									<span class="r_nav_txt">法律案例</span>
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/right.png" class="r_nav_right">
								</div>
							</div>
							<div class="r_nav nav_team">
								<div class="r_nav_inbox">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/time.png" class="r_nav_icon">
									<span class="r_nav_txt">律师团队</span>
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/right.png" class="r_nav_right">
								</div>
							</div>
							<div class="r_nav nav_mine">
								<div class="r_nav_inbox">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/i.png" class="r_nav_icon">
									<span class="r_nav_txt">关于我们</span>
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav/right.png" class="r_nav_right">
								</div>
							</div>
						</div>

					</div>
				</div>
			</aside>

			<!-- 主页面容器 -->
			<div class="mui-inner-wrap">
				<!-- 主页面标题 -->
				<header class="mui-bar mui-bar-nav">
					<a class="mui-pull-right" href="#offCanvasSide">
						<img src="__TMPL__/public/assets/simpleboot3/mobile/img/nav.png" class="nav_icon">
					</a>
					<img src="__TMPL__/public/assets/simpleboot3/mobile/img/logo.png" class="logo_img">
				</header>
				<div class="mui-content mui-scroll-wrapper">
					<div class="mui-scroll">
						<!-- 主界面具体展示内容 -->
						<!-- banner -->
						<div class="banner">
							<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/background.png" width="100%">
							<button class="banner_btn btn mui-btn-warning">立即维权</button>
						</div>
						<!-- 烦恼 -->
						<div class="fn_box box">
							<p class="Title ">您是否有这些烦恼？</p>
							<img src="__TMPL__/public/assets/simpleboot3/mobile/img/bg.png" class="title_bg">
							<div class="fn_txt">
								<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/fn_bg.png" width="100%" class="fn_bg">
								<div class="fn_txt1">公司拖欠工资怎么办？</div>
								<div class="fn_txt2">出现工伤如何索取赔偿？</div>
								<div class="fn_txt3">调岗降薪、无故开除如何维权？</div>
								<div class="fn_txt4">公司未缴纳社保怎么办？</div>
							</div>
						</div>
						<!-- 律师 -->
						<div class="ls_box box">
							<p class="Title ">专业律师为您保驾护航！</p>
							<img src="__TMPL__/public/assets/simpleboot3/mobile/img/bg.png" class="title_bg">
							<!-- 律师简介 -->
							<div class="mui-slider">
								<div class="mui-slider-group">
									<foreach name="team_list" item="vo">
										<div class="mui-slider-item ls_swpbox">
												<div class="ls_inbox">
													<img src="__TMPL__/../../upload/{$vo.portrait}" class="ls_img">
													<p class="ls_name">{$vo.user_name}</p>
													<p class="ls_txt">{$vo.describe},{$vo.describe_two},{$vo.describe_three}</p>
													<button class="ls_btn1 mui-btn-warning" onclick="user({$vo.id})">查看主页</button>
													<button class="ls_btn2 mui-btn-warning btn">立即咨询</button>
												</div>
										</div>
									</foreach>
								</div>
							</div>
							<!-- 全部律师 -->
							<button class="mui-btn-warning ls_btn nav_team">全部律师</button>
						</div>
						<!-- 维权 -->
						<p class="Title wq_title">0 元维权祝您劳动无忧</p>
						<img src="__TMPL__/public/assets/simpleboot3/mobile/img/bg.png" class="title_bg">
						<div class="box fw_box">
							<!-- 维权内容 -->
							<div class="wq_box">
								<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/wq_bg.png" height="100%" width="100%">
								<div class="wq1">专业律师标准化办案</div>
								<div class="wq2">案情进展全程跟踪</div>
								<div class="wq3">全方位保护您的隐私数据</div>
								<div class="wq4">收费标准公开透明</div>
							</div>
							<!-- 服务流程 -->
							<!-- <p class="Title lc_title">服务流程全把控</p>
							<img src="__TMPL__/public/assets/simpleboot3/mobile/img/bg.png" class="title_bg">
							<div class="fwlc_box">
								<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/fw_bg.png" width="100%">
								<div class="fw1">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/lc1.png" class="fw_img">
									<p class="fw_p1">线上免费咨询</p>
									<p class="fw_p2">专业律师为您答疑解惑</p>
								</div>
								<div class="fw2">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/lc2.png" class="fw_img">
									<p class="fw_p1">预约到所深度沟通</p>
									<p class="fw_p2">案情判研，提供专业意见</p>
								</div>
								<div class="fw3">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/lc3.png" class="fw_img">
									<p class="fw_p1">出具法律服务方案</p>
									<p class="fw_p2">确定服务方向，制定法律 服务方案</p>
								</div>
								<div class="fw4">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/lc4.png" class="fw_img">
									<p class="fw_p1">案件办理协商谈判</p>
									<p class="fw_p2">全方位跟进案件，实时反馈进</p>
								</div>
								<div class="fw5">
									<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/lc5.png" class="fw_img">
									<p class="fw_p1">跟进赔偿执行</p>
									<p class="fw_p2">全程跟进案情执行一步到位</p>
								</div>
							</div> -->
						</div>
						<!-- 咨询 -->
						<div class="zx_box">
							<p class="Title">免费电话咨询</p>
							<img src="__TMPL__/public/assets/simpleboot3/mobile/img/bg2.png" class="zx_bg" />
							<p class="zx_ts">请填写联系方式，我们将以最快的速度帮助您维护权益</p>
							<input type="text" name="name" id="name" placeholder="您的姓名" />
							<input type="tel" name="tel" id="tel" placeholder="您的电话号码" oninput="value=value.replace(/[^\d]/g,'')" />
							<button class="mui-btn-warning zx_btn">立即咨询</button>
						</div>
						<!-- 用户案例 -->
						<div class="al_box box">
							<p class="Title ">用户经典案例</p>
							<img src="__TMPL__/public/assets/simpleboot3/mobile/img/bg.png" class="title_bg">
							<!-- 案例 -->
							<php>
								$category_ids = 1;
							</php>
							<portal:articles item="vo"  where="" order="post.published_time DESC" limit="3"
											 relation="categories"
											 categoryIds="$category_ids"
											 returnVarName="articles_data">
								<div class="al_inbox">
									<img src="__TMPL__/../../upload/{$vo.more.thumbnail}" class="al_img">
									<div class="al_txtBox">
										<p class="al_title">{$vo.post_title}</p>
										<p class="al_txt">{$vo.post_excerpt}</p>
									</div>
									<input type="hidden" class="case_id" value="{$vo['id']}"/>
								</div>
							</portal:articles>
							<!-- 查看更多 -->
							<button class="mui-btn-outlined more_btn nav_anli">
								查看更多
								<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/more.png" class="more_icon">
							</button>
						</div>
						<!-- 页尾 -->
						<!--加载公共底部文件-->
						<include file="public@footertwo"/>
					</div>

					<!-- 咨询按钮 -->
					<div class="btn_box">
						<button type="button" class="wx_btn mui-btn-yellow"><img src="__TMPL__/public/assets/simpleboot3/mobile/img/wx.png" class="btn_wximg">微信咨询</button>
						<button type="button" class="tel_btn mui-btn-warning tel"><img src="__TMPL__/public/assets/simpleboot3/mobile/img/phone.png" class="btn_telimg">电话咨询</button>
					</div>
				</div>
				<div class="mui-off-canvas-backdrop"></div>
			</div>
		</div>
		<!-- 赔偿预估 -->
		<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/jsq.png" class="pc_icon .btn">
		<div class="pc_bg">
			<!-- 赔偿预估 -->
			<div class="pc_box">
				<img src="__TMPL__/public/assets/simpleboot3/mobile/img/home/pcygbg.png" class="pc_boxbg">
				<img src="__TMPL__/public/assets/simpleboot3/mobile/img/qx.png" class="pc_qx qx">
				<button type="button" class="pc_btn mui-btn-warning nav_computer">赔偿预估</button>
			</div>
			<!-- 微信咨询 -->
			<div class="wx_box">
				<img src="__TMPL__/public/assets/simpleboot3/mobile/img/tc/tc.png" width="100%" height="100%">
				<img src="__TMPL__/public/assets/simpleboot3/mobile/img/tc/delete.png" class="wx_qx qx">
				<div class="wx_title">
					<p class="wx_T1">联系我们</p>
					<p class="wx_T2">立享最优质的法律服务!</p>
				</div>
				<p class="wx_T3">微信号</p>
				<p class="wx_wxh">18171100301</p>
				<button type="button" class="wx_tz mui-btn-warning wx_fz" data-clipboard-text='18171100301'>复制并跳转微信</button>
				<p class="wx_T4">百度APP请手动打开微信</p>
			</div>
			<!-- 立即咨询 -->
			<div class="ljzx_box">
				<img src="__TMPL__/public/assets/simpleboot3/mobile/img/tc/tc.png" width="100%" height="100%">
				<img src="__TMPL__/public/assets/simpleboot3/mobile/img/tc/delete.png" class="wx_qx qx">
				<div class="wx_title">
					<p class="wx_T1">联系我们</p>
					<p class="wx_T2">立享最优质的法律服务!</p>
				</div>
				<p class="wx_T5">微信号<span class="ljzx_wxh">18171100301</span></p>
				<button type="button" class="ljzx_wxtz mui-btn-warning wx_fz" data-clipboard-text='18171100301'>立即添加微信咨询</button>
				<button type="button" class="ljzx_tel mui-btn-warning tel">免费拨打咨询热线</button>
			</div>
		</div>
	</body>
	<script>
		function user(id) {
			window.location.href='http://yh.cn/mobile/index/lawyer?id='+id;
		}

		$(".al_inbox").on("tap",function () {
			let id = $('.case_id',$(this)).val();
			window.location.href='http://yh.cn/mobile/index/case_details?id='+id;
		})
		
	</script>
</html>
